<template>
  <div class="technological-process">
    <div v-if="status=='1'">
      <!-- 咨询服务 -->
      <img src="../../assets/images/technological_process_consulting.png" alt srcset />
    </div>
    <div v-if="status=='2'">
      <!-- 购买检测 -->
      <img src="../../assets/images/technological_process_buy.png" alt srcset @click="goDetail()" />
    </div>
    <div v-if="status=='4'">
      <!-- 样本邮寄 -->
      <img src="../../assets/images/technological_process_sample.png" alt srcset />
    </div>
    <div v-if="status=='5'">
      <!-- 实验室检测 -->
      <img src="../../assets/images/technological_process_laboratory.png" alt srcset />
    </div>
    <div v-if="status=='6'">
      <!-- 在线检测报告 -->
      <img src="../../assets/images/technological_process_report.png" alt srcset />
    </div>
    <div v-if="status=='8'">
      <!-- 售后服务 -->
      <img src="../../assets/images/technological_process_aftersales.png" alt srcset />
    </div>
  </div>
</template>

<script>
export default {
  name: "technological-process",
  components: {},
  data() {
    return {
      status: "1",
    };
  },
  created() {
    this.status = this.$route.query.status;
  },
  mounted() {},
  methods: {
    goDetail() {
      this.$router.push({
        name: "test-item-selection",
      });
    },
  },
};
</script>

<style scoped>
.technological-process img {
  width: 100%;
  display: block;
}
</style>